<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>知识库管理-新增</title>
    <link rel="stylesheet" href="../../../../plugins/layui/css/layui.css">
    <!--拖拽样式-->
    <link rel="stylesheet" href="../../../../plugins/jquery/jquery-ui.min.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/styleReset.css">

    <link rel="stylesheet" href="../../css/knowHouseMana.css">
</head>
<body class="knowHouse-body">
<div class="knowHouse-add">
    <!-- 内容主体区域 -->
    <div class="content-box" style="display: flex;height: 100%;">
        <!--塞内容位置-->

        <!--内容部分 start-->
        <div class="content-right-part">
            <div class="card card-content knowHouse-content" id="knowHouseContent" style="padding:20px 55px 20px 20px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="knowHouseInput1" class="col-sm-2 col-xs-2 control-label">知识库名称</label>
                        <div class="col-sm-10 col-xs-10">
                            <input type="text" class="form-control" id="knowHouseInput1" placeholder="请输入" value=" ">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="knowHouseInput2" class="col-sm-2 col-xs-2 control-label">知识库描述</label>
                        <div class="col-sm-10 col-xs-10">
                            <input type="text" class="form-control" id="knowHouseInput2" placeholder="请输入" value=" ">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 col-xs-2 control-label">自定义属性</label>
                        <div class="col-sm-10 col-xs-10 radiobox form-inline">
                            <label class="radiobox-item mr15" for="isShow1">
                                <i class="iconfont icon-exclusive_on"></i>
                                <input type="radio" class="chooseRadioBox" id="isShow1" name="isShow" value="1"
                                       title="是" checked>有
                            </label>
                            <label class="radiobox-item" for="isShow2">
                                <i class="iconfont icon-exclusive_off"></i>
                                <input type="radio" class="chooseRadioBox" id="isShow2" name="isShow" value="0"
                                       title="否">无
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <!--自定义拖拽模块 start-->
            <div class="card knowHouse-drag-box">
                <div class="drag-left-part col-sm-3 col-xs-3">
                    <ul>
                        <li class="drag-item" data-type="input">
                            <dl>
                                <dd>
                                    <input type="text" class="form-control" readonly>
                                </dd>
                                <dd>单行输入</dd>
                            </dl>
                        </li>
                        <li class="drag-item" data-type="textarea">
                            <dl>
                                <dd>
                                    <textarea name="" cols="30" rows="10" class="form-control" readonly></textarea>
                                </dd>
                                <dd>多行输入</dd>
                            </dl>
                        </li>
                        <li class="drag-item" data-type="select">
                            <dl>
                                <dd>
                                    <select name="" readonly="" class="form-control"></select>
                                </dd>
                                <dd>下拉框</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="drag-right-part col-xs-9 form-horizontal">
                    <ul class="drop-content">
                        <!--拖拽赛入地方-->
                        <li class="ui-draggable ui-draggable-handle no-val drop-item" data-type="select" data-index="0"
                            style="">
                            <div class="form-group">
                                <label class="col-xs-3 control-label">
                                    <input type="text" class="text-input no-val" placeholder="请输入" value="双击编辑文本"
                                           readonly="" onblur="checklabelValue(this)">
                                    <span class="colon">:</span>
                                </label>
                                <div class="col-xs-9">
                                    <select class="form-control select-option">
                                        <option value="">请选择</option>
                                    </select>
                                    <span class="checkContent">
                                        <em class="iconfont icon-exclusive_off1"></em>
                                        <label style="font-weight: 400">
                                            <input class="chooseCheckBox" type="checkbox" name="isred">必选
                                        </label>
                                    </span>
                                    <button type="button" class="btn btn-link del-drapItem pull-right"><span
                                            class="iconfont icon-delete"></span></button>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <!--自定义拖拽模块 end-->
            <div class="save-btn-content">
                <button type="button" class="btn btn-primary save-btn">保存</button>
                <button type="button" class="btn btn-default cancel-btn">取消</button>
            </div>
        </div>
        <!--内容部分 end-->
        <div class="clearfix"></div>
    </div>
</div>

<!--添加下拉框值 start-->
<div class="modal fade" id="optionModal" data-index="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     align="center">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加属性值</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" style="max-height: 400px; overflow-x:hidden;overflow-y: auto">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">下拉属性值</label>
                        <div class="col-xs-9">
                            <input type="text" class="form-control" placeholder="请输入" value=" ">
                            <button type="button" class="btn btn-link del-property"><span
                                    class="iconfont icon-delete"></span></button>
                        </div>
                    </div>
                </form>
                <div style="text-align: left;padding-left: 30px">
                    <span class="btn btn-default add-propertyVal"><span class="iconfont icon-add"></span> 添加属性值</span>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary save-option-btn">确定</button>
                <button type="button" class="btn btn-cancel cancel-btn" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--添加下拉框值 end-->

<script src="../../../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../../../plugins/bootstrap.js"></script>
<script src="../../../../plugins/layui/layui.js"></script>
<!--拖拽引用-->
<script src="../../../../plugins/jquery/jquery-ui.min.js"></script>

<script src="../../js/util.js"></script>
<script src="../../js/knowHouseMana-add.js"></script>
<script>

</script>
</body>
</html>
